<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <script src="../javascripts/jquery.min.js"></script>
</head>
<body>
    <h1>电影管理系统</h1>
    <section>
        <label for="username">用户名</label>
        <input type="text" name="" id="username">
        <label for="password">密码</label>
        <input type="text" name="" id="password">
        <button id="btn-login">登录</button>
        <p>还没有账号？ <a href="./register.html">注册</a></p>
    </section>
    <script>
        $("section").on('mousedown','#btn-login',function() {
            $(this).css({
                background: '#bfa',
                color: '#666'

                
            })
        })
        $("section").on('mouseup','#btn-login',function() {
            $(this).css({
                background: '#fff',
                color: '#000'
            })
        })
    </script>
</body>
</html>